@import "./reset";

.container { padding: 10px }

.link-type, .link-type:focus {
  color: #337ab7;
  cursor: pointer;
  &:hover { color: rgb(32 160 255) }
}

.ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.border-bottom { border-bottom: 1px solid #F2F3F5 }

.slide-fade-enter-active {
  transition: all 0.2s ease-out;
}
.slide-fade-leave-active {
  transition: all 0.3s cubic-bezier(0.6, 0.5, 0.8, 1);
}
.slide-fade-enter-from,
.slide-fade-leave-to {
  transform: translateX(20px);
  opacity: 0;
}

// display css
@media only screen and (max-width:767px) { .hidden-xs-only { display:none!important } }
@media only screen and (min-width:768px) { .hidden-sm-and-up { display:none!important } }
@media only screen and (min-width:768px) and (max-width:991px) {
  .hidden-sm-only { display:none!important }
}
@media only screen and (max-width:991px) { .hidden-sm-and-down{ display:none!important } }
@media only screen and (min-width:992px) { .hidden-md-and-up{ display:none!important } }
@media only screen and (min-width:992px) and (max-width:1199px) {
  .hidden-md-only{ display:none!important }
}
@media only screen and (max-width:1199px) { .hidden-md-and-down{ display:none!important } }
@media only screen and (min-width:1200px) { .hidden-lg-and-up { display:none!important } }
@media only screen and (min-width:1200px) and (max-width:1919px) {
  .hidden-lg-only { display:none!important }
}
@media only screen and (max-width:1919px) { .hidden-lg-and-down { display:none!important } }
@media only screen and (min-width:1920px){ .hidden-xl-only{display:none!important }}
